<!DOCTYPE html>
<html lang="en">
<head>
  <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
  <meta charset="UTF-8">
  <meta name="keywords" content="百泰传媒，来推，百泰广告,效果广告，精准大数据，流量变现，移动，广告联盟，推广平台">
  <meta name="description" content="百泰传媒是一家移动流量变现服务商，研发了全新的移动商业广告模式，建立全链路、精准、高效、可衡量的移动端营销体系，广告主可获得更好的投放效果，媒体方能得到更好的流量实现转化。">
  <link rel="icon" href="//static.adbaitai.com/Website/Img/favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="//static.adbaitai.com/Website/Js/swiper-3.4.2.min.css">
  <title>百泰传媒-移动精准大数据互动广告营销</title>
  <style>
  .mainBox .topBanner {
    height: auto;
    width: 100%;
    margin-top: 79px;
  }
  .mainBox .topBanner img {
    width: 100%;
    height: 100%;
  }
  .ourAdvantage {
    width: 100%;
    height: 650px;
    overflow: hidden;
    background-color: #fdfeff;
  }
  .ourAdvantage .mainTitle {
    width: 705px;
    height: auto;
    position: relative;
    margin: 17px auto;
  }
  .ourAdvantage .mainTitle .mainTitleDetailBox {
    width: 445px;
    position: absolute;
    top: 75px;
    left: 105px;
  }
  .mainTitleDetailBox .mainTitleDetailTop {
    color: #683e37;
    font-size: 32px;
    margin-top: -15px;
    margin-bottom: 8px;
  }
  .mainTitleDetailBtm {
    color: #6e6e6e;
    line-height: 22px;
  }
  .ourAdvantageLists {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex; /* Safari */
  }
  .ourAdvantageListsCopy {
    margin: -31px auto 0;
  }
  .ourAdvantageItem {
    flex: 2;
    -webkit-flex: 2;          /* Chrome */
    -ms-flex: 2;              /* IE 10 */
    padding: 0 17px;
    text-align: center;
  }
  .ourAdvantageItemLineBox {
    flex: 1;
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    position: relative;
  }
  .ourAdvantageItem img {
    width: 98px;
    height: 98px;
  }
  .everyItemTitle {
    font-size: 18px;
    text-align: center;
    padding: 17px 0;
  }
  .ourAdvantageItem .everyItemDetail {
    text-align: left;
    color:#939393;
    font-size: 13px;
    line-height: 20px;
  }
  .ourAdvantageItemLine {
    width: 80px;
    height: 1px;
    background-color: #aaaaaa;
    transform: rotate(-45deg);
    -ms-transform:rotate(-45deg); 	/* IE 9 */
    -moz-transform:rotate(-45deg); 	/* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
    -o-transform:rotate(-45deg); 	/* Opera */
    position: absolute;
    top: 125px;
    left:0;
  }
  /*S=广告形式*/
  .AdvertisingStyleBox {
    width: 100%;
    height: 859px;
    background-color: #f2f6f9;
    /*position: relative;*/
  }
  .AdvertisingStyleBoxCenter {
    width: 1100px;
    height: 859px;
    margin: 0 auto;
    position: relative;
  }
  .rightTabNav {
    width: 309px;
    height: 618px;
    overflow: hidden;
    position: absolute;
    left: 450px;
    top: 176px;
  }
  .arcNav {
    width: 618px;
    height: 574px;
    border-radius: 50%;
    border: 1px solid #e0e0e1;
    position: absolute;
    left: -313px;
    top:0;
  }
  .arcNavDot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #c9c9c9;
    position: absolute;
  }
  .arcNavDot.dotOne {
    top: 10px;
    right: 194px;
  }
  .arcNavDot.dotTwo {
    top: 157px;
    right: 22px;
  }
  .arcNavDot.dotThree {
    top: 398px;
    right: 20px;
  }
  .arcNavDot.dotFour {
    top: 549px;
    right: 194px;
  }
  .arcNavDot.active::before {
    content: "";
    width: 28px;
    height: 28px;
    background-color: #e29e9b;
    position: absolute;
    top: -6px;
    left: -6px;
    border-radius: 50%;
    opacity: 0.8;
  }
  .arcNavDot.active::after {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #e53b31;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .leftIphoneBox {
    width: 324px;
    height: 656px;
    background: url('//static.adbaitai.com/Website/Img/iphoneOutBox.png')no-repeat center /100% 100%;
    position: absolute;
    top: 134px;
    left: 142px;
  }
  .leftIphoneBox img {
    width: 260px;
    height: 483px;
    margin-left: 31px;
    margin-top: 81px;
    border: 1px solid #b7b7b7;
  }
  .TitleBubble {
    width: auto;
    padding: 0 15px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    font-size: 20px;
    color: #3c3c3c;
    background-color: #eaf0f5;
    position: absolute;
    border-radius: 5px;
  }
  .TitleBubbleOne {
    right: 326px;
    top:167px;
  }
  .TitleBubbleTwo {
    right: 167px;
    top:314px;
  }
  .TitleBubbleThreee {
    right: 167px;
    top:557px;
  }
  .TitleBubbleFour {
    right: 326px;
    top:706px;
  }
  .TitleBubble::before {
    content: '';
    border-right: 13px solid #eaf0f5;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: 19px;
    left: -26px;
  }
  .TitleBubble.active {
    background-color: #e53b31;
    color: #fff;
    box-shadow: 3px 3px 8px #ccc;
  }
  .TitleBubble.active::before {
    border-right:13px solid #e53b31;
  }
  .AdvertisingStyleBoxTitle {
    font-size: 25px;
    text-align: center;
    padding-top: 56px;
    position: relative;
  }
  .AdvertisingStyleBoxTitle::before,
  .directionalTopTitle::before,
  .InstanceDataTitle::before,
  .cooperationCustomerTitle::before {
    content: "";
    width: 27px;
    height: 4px;
    background-color: #e53b31;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
    -ms-transform:translate(-50%); 	/* IE 9 */
    -moz-transform:translate(-50%); 	/* Firefox */
    -webkit-transform:translate(-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%); 	/* Opera */
  }
  /*E=广告形式*/
  /*S=定向*/
  .directionalBox {
    width: 1100px;
    height: 500px;
    margin: 0 auto;
  }
  .directionalTopTitle {
    font-size: 25px;
    text-align: center;
    margin-top: 50px;
    position: relative;
  }
  .directionalChildTitle {
    text-align: center;
    color: #888888;
    padding-top: 24px;
  }
  .directionalListBox {
    width: 100%;
    margin-top: 75px;
  }
  .directionalListBox img {
    width: 100%;
    height: auto;
  }
  /*E=定向*/
  /*S=实例数据*/
  .InstanceDataBox {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
  }
  .InstanceDataBox img {
    width: 100%;
    height: auto;
  }
  .InstanceDataDetailBox {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    -ms-transform:translate(-50%); 	/* IE 9 */
    -moz-transform:translate(-50%); 	/* Firefox */
    -webkit-transform:translate(-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%); 	/* Opera */
    color: #4e90f4;
    font-size: 40px;
    font-weight: 700;
    width: 1100px;
    display: flex;
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
  }
  .InstanceDataDetailBoxActive {
    animation: myfirst 1s forwards;
    -moz-animation: myfirst 1s forwards;	/* Firefox */
    -webkit-animation: myfirst 1s forwards;	/* Safari 和 Chrome */
    -o-animation: myfirst 1s forwards;	/* Opera */
  }
  @keyframes myfirst
  {
  from {top: 500px;}
  to {top: 200px;}
  }

  @-moz-keyframes myfirst /* Firefox */
  {
    from {top: 500px;}
    to {top: 200px;}
  }

  @-webkit-keyframes myfirst /* Safari 和 Chrome */
  {
    from {top: 500px;}
    to {top: 200px;}
  }

  @-o-keyframes myfirst /* Opera */
  {
    from {top: 500px;}
    to {top: 200px;}
  }
  .InstanceDataTitle {
    font-size: 25px;
    color: #fff;
    position: absolute;
    top: 63px;
    left: 50%;
    -ms-transform:translate(-50%); 	/* IE 9 */
    -moz-transform:translate(-50%); 	/* Firefox */
    -webkit-transform:translate(-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%); 	/* Opera */
  }
  .InstanceDataTitle::before {
    background-color: #fff;
  }
  .InstanceDataDetailItem {
    /*flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;              */
    width: 25%;
    text-align: center;
  }
  .InstanceDataItemClildTitle {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding-top: 8px;
  }
  /*E=实例数据*/
  /*S=合作客户*/
  .cooperationSwiperBox {
    padding-top: 35px;
    padding-bottom: 30px;
  }
  .cooperationCustomer {
    width: 1100px;
    height: auto;
    margin: 0 auto;
  }
  .cooperationCustomerTitle {
    position: relative;
    text-align: center;
    font-size: 25px;
    padding-top: 60px;
  }
  .swiper-container {
    width: 1100px;
    height: 330px;
  }
  .swiper-slide {
    text-align: center;
  }
  .swiper-slide img {
    width: 130px;
    height: 130px;
    margin: 0 16px;
  }
  .swiper-button-next, .swiper-button-prev {
    top: 46%;
    width: 40px;
    height: 37px;
  }
  .swiper-button-prev {
    background: url('//static.adbaitai.com/Website/Img/iphoneIcon/pre-date-1.png')no-repeat center/100% 100%;
  }
  .swiper-button-next {
    background: url('//static.adbaitai.com/Website/Img/iphoneIcon/pre-date.png')no-repeat center/100% 100%;
  }
  .swiper-pagination-bullet {
    width: 33px;
    height: 8px;
    border-radius: 5px;
    background-color: #e1e1e1;
  }
  .swiper-pagination-bullet-active {
    background-color: #e53b31;
  }
  /*E=合作客户*/
  .topBanner {
    overflow: hidden;
    position: relative;
  }
  .swiper-containerOne .swiper-slide img {
    margin: 0;
  }
  .swiper-containerOne .swiper-pagination {
    position: absolute;
    bottom: 10px;
  }
  .swiper-containerOne .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #fff;
  }
  .swiper-containerOne .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #e83928;
  }
  </style>
</head>
<body>
  <!-- 在线申请弹窗 -->
  <div class="applyFormBgBox" style = 'display:none'>
    <div class="applyFormBox">
      <div class="closeFormBoxBtn"></div>
      <p class ='formTopTip'>请填写以下表格，以便我们能更好的了解您的需求和帮助您</p>
      <div class="lineOneBox">
        <div class="lineOneLeft">
          <p>姓名</p>
          <input type="text" id = 'userName' placeholder="">
        </div>
        <div class="lineOneRight">
          <p>QQ邮箱</p>
          <input type="text" id = 'qqEmail' placeholder="">
        </div>
      </div>
      <div class="lineOneBox">
        <div class="lineOneLeft">
          <p>电话</p>
          <input type="text" id = 'userIphone' placeholder="">
        </div>
        <div class="lineOneRight">
          <p>公司</p>
          <input type="text" id = 'userCompany' placeholder="">
        </div>
      </div>
      <div class="lineOneBox">
        <div class="lineOneLeft">
          <p>所属区域</p>
          <select id = 'select' name="">
            <option value="请选择">请选择</option>
            <option value="北京市">北京市</option>
            <option value="天津市">天津市</option>
            <option value="上海市">上海市</option>
            <option value="重庆市">重庆市</option>
            <option value="河北省">河北省</option>
            <option value="河南省">河南省</option>
            <option value="云南省">云南省</option>
            <option value="辽宁省">辽宁省</option>
            <option value="黑龙江省">黑龙江省</option>
            <option value="湖南省">湖南省</option>
            <option value="安徽省">安徽省</option>
            <option value="山东省">山东省</option>
            <option value="新疆维吾尔">新疆维吾尔</option>
            <option value="江苏省">江苏省</option>
            <option value="浙江省">浙江省</option>
            <option value="江西省">江西省</option>
            <option value="湖北省">湖北省</option>
            <option value="广西壮族">广西壮族</option>
            <option value="甘肃省">甘肃省</option>
            <option value="山西省">山西省</option>
            <option value="内蒙古">内蒙古</option>
            <option value="陕西省">陕西省</option>
            <option value="吉林省">吉林省</option>
            <option value="福建省">福建省</option>
            <option value="贵州省">贵州省</option>
            <option value="广东省">广东省</option>
            <option value="青海省">青海省</option>
            <option value="西藏">西藏</option>
            <option value="四川省">四川省</option>
            <option value="宁夏回族">宁夏回族</option>
            <option value="海南省">海南省</option>
            <option value="台湾省">台湾省</option>
            <option value="香港特别行政区">香港特别行政区</option>
            <option value="澳门特别行政区">澳门特别行政区</option>
          </select>
        </div>
        <div class="lineOneRight">
          <p>公司网址</p>
          <input type="text" id = 'userCompany' placeholder="">
        </div>
      </div>
      <div class="lineOneBox">
        <p>您的需求</p>
        <textarea id = 'usertextArea' name="name" rows="8" cols="80" maxlength="100"></textarea>
      </div>
      <div id = 'applyFormSubmitBtn'>提交</div>
    </div>
  </div>
  <div class="topNavBox">
    <div class = 'topNav'>
      <div class="siteLogo">
        <img src="//static.adbaitai.com/Website/Img/logo.png" alt="">
      </div>
      <ul class="navList">
        <li class = 'index activeNav'>
          <a href="./index.html">首页</a>
        </li>
        <li class = 'interaction'>
          <a href="./interactionPage.html">来推互动</a>
        </li>
        <li class = 'serverLiBox'>
          <a class = 'serverSlideTitleLink' href="./dspPage.html">
            产品服务
          </a>
        </li>
        <li class = 'aboutUs'>
          <a href="./aboutUsPage.html">关于百泰</a>
        </li>
      </ul>
      <div class="topNavBtnBox">
        <div class="login">
          <a href="//laitui.adbaitai.com/login">登录</a>
        </div>
        <div class="register">
          <a href="javascript:void(0);">申请</a>
        </div>
      </div>
    </div>
  </div>
  <div class = 'mainBox'>
    <div class="topBanner">
      <div class="swiper-containerOne">
        <div class="swiper-wrapper">
           <div class="swiper-slide">
             <img src="//static.adbaitai.com/Website/Img/souyeTopbanner.png" alt="" class="swiper-lazy">
             <div class="swiper-lazy-preloader"></div>
           </div>
           <div class="swiper-slide">
             <img src="//static.adbaitai.com/Website/Img/banner61.png" alt="" class="swiper-lazy">
             <div class="swiper-lazy-preloader"></div>
           </div>
           <div class="swiper-slide">
             <img src="//static.adbaitai.com/Website/Img/banner4.jpg" alt="" class="swiper-lazy">
             <div class="swiper-lazy-preloader"></div>
           </div>
         </div>
          <div class="swiper-pagination"></div>
      </div>
    </div>
    <div class="ourAdvantage">
      <div class="mainTitle">
          <img src="//static.adbaitai.com/Website/Img/ourAdvantage.png" alt="">
          <div class="mainTitleDetailBox">
            <div class="mainTitleDetailTop">我们的优势</div>
            <div class="mainTitleDetailBtm">
              随着大数据以及移动互联网的崛起，用户群体自我意识的觉醒，他们开始追求个性化、多样化、互动化的信息，
              追求更具品质、更有内涵的内容。百泰凭借专业人员多年的媒介操盘经验、海量用户的支撑、运营商的深度合作、独特数据开发能力等，在移动流量变现上不断深耕。
            </div>
          </div>
      </div>
      <!-- 优势 -->
      <div class="ourAdvantageLists ourAdvantageListsCopy">
        <div class="ourAdvantageItem">
          <img src="//static.adbaitai.com/Website/Img/technologyIcon.png" alt="">
          <p class = 'everyItemTitle'>技术</p>
          <p class = 'everyItemDetail'>百泰全媒体整合广告管理，基于自动优化算法专利分布式算法支持百万级关键字帐户高效管理</p>
        </div>
        <div class="ourAdvantageItemLineBox">
            <div class="ourAdvantageItemLine"></div>
        </div>
        <div class="ourAdvantageItem">
          <img src="//static.adbaitai.com/Website/Img/resourcesIcon.png" alt="">
          <p class = 'everyItemTitle'>资源</p>
          <p class = 'everyItemDetail'>百泰覆盖近10亿优质用户海量曝光，每日40亿流量全媒体矩阵，精品资源全覆盖</p>
        </div>
        <div class="ourAdvantageItemLineBox">
          <div class="ourAdvantageItemLine"></div>
        </div>
        <div class="ourAdvantageItem">
          <img src="//static.adbaitai.com/Website/Img/effectIcon.png" alt="">
          <p class = 'everyItemTitle'>效果</p>
          <p class = 'everyItemDetail'>百泰告别单一文字链，Flash、视频、消息流的各类形式，助力品牌精准展示</p>
        </div>
        <div class="ourAdvantageItemLineBox">
          <div class="ourAdvantageItemLine"></div>
        </div>
        <div class="ourAdvantageItem">
          <img src="//static.adbaitai.com/Website/Img/serverIcon.png" alt="">
          <p class = 'everyItemTitle'>服务</p>
          <p class = 'everyItemDetail'>百泰专业人员多年全球移动流量变现操作经验,成功为上千家品牌提供服务</p>
        </div>
      </div>
    </div>
    <!-- 广告的形式 -->
    <div class="AdvertisingStyleBox">
      <div class="AdvertisingStyleBoxCenter">
        <div class="AdvertisingStyleBoxTitle">
          广告的形式
        </div>
        <div class="leftIphoneBox">
          <img src="//static.adbaitai.com/Website/Img/iphoneIcon/informationflowIphone.png" alt="">
        </div>
        <div class="rightTabNav">
            <div class="arcNav">
              <div class="arcNavDot dotOne active" Bubble ='TitleBubbleOne' bubbleImg = '//static.adbaitai.com/Website/Img/iphoneIcon/informationflowIphone.png'></div>
              <div class="arcNavDot dotTwo" Bubble ='TitleBubbleTwo' bubbleImg = '//static.adbaitai.com/Website/Img/iphoneIcon/messageflowAd.jpg'></div>
              <div class="arcNavDot dotThree" Bubble ='TitleBubbleThreee' bubbleImg = '//static.adbaitai.com/Website/Img/iphoneIcon/ouLayerAd.jpg'></div>
              <div class="arcNavDot dotFour" Bubble ='TitleBubbleFour' bubbleImg = '//static.adbaitai.com/Website/Img/iphoneIcon/outFullAd.png'></div>
            </div>
        </div>
        <div class="TitleBubble TitleBubbleOne active" dot = 'dotOne' bubbleImg = '//static.adbaitai.com/Website/Img/iphoneIcon/informationflowIphone.png'>
           信息流广告
        </div>
        <div class="TitleBubble TitleBubbleTwo" dot = 'dotTwo' bubbleImg = '//static.adbaitai.com/Website/Img/iphoneIcon/messageflowAd.jpg'>
           朋友圈广告
        </div>
        <div class="TitleBubble TitleBubbleThreee" dot = 'dotThree' bubbleImg = '//static.adbaitai.com/Website/Img/iphoneIcon/ouLayerAd.jpg'>
           百泰互动广告
        </div>
        <div class="TitleBubble TitleBubbleFour" dot = 'dotFour' bubbleImg = '//static.adbaitai.com/Website/Img/iphoneIcon/outFullAd.png'>
           开屏广告
        </div>
      </div>
      </div>
    <!-- 定向 -->
    <div class="directionalBox">
      <div class="directionalTopTitle">
          精准定向
      </div>
      <p class = 'directionalChildTitle'>精准定向营销 10余种定向手段 智能锁定目标受众 </p>
      <div class="directionalListBox">
        <img src="//static.adbaitai.com/Website/Img/iphoneIcon/dingxiangIcon.png" alt="">
      </div>
    </div>
    <!-- 实例数据 -->
    <div class="InstanceDataBox">
      <img src="//static.adbaitai.com/Website/Img/iphoneIcon/InstanceData.png" alt="">
      <div class="InstanceDataTitle">
        实例数据
      </div>
      <div class="InstanceDataDetailBox">
          <div class="InstanceDataDetailItem">
              20万+
              <p class = 'InstanceDataItemClildTitle'>渠道及媒体</p>
          </div>
          <div class="InstanceDataDetailItem">
              3亿
              <p class = 'InstanceDataItemClildTitle'>月覆盖用户</p>
          </div>
          <div class="InstanceDataDetailItem">
              280亿
              <p class = 'InstanceDataItemClildTitle'>日均竞价流量</p>
          </div>
          <div class="InstanceDataDetailItem">
              10亿
              <p class = 'InstanceDataItemClildTitle'>日广告曝光</p>
          </div>
      </div>
    </div>
    <!-- 合作客户 -->
    <div class="cooperationCustomer">
      <div class="cooperationCustomerTitle">
        合作客户
      </div>
      <div class="cooperationSwiperBox">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img src="//static.adbaitai.com/Website/Img/iphoneIcon/testIcon.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/casio.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/hp.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/huawei.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/ibm.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/inte.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/jeep.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/pg.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/q.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/su.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/suoni.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/xinbake.png" alt="">
            </div>
            <div class="swiper-slide">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E4%B8%89%E6%98%9F.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E5%8C%A1%E5%A8%81.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E5%A5%94%E9%A9%B0.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E5%AE%8C%E7%BE%8E%E4%B8%96%E7%95%8C.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E5%AE%9D%E9%A9%AC.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E5%B9%BF%E5%8F%91.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E7%91%9E%E4%B8%BD.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E7%A6%8F%E7%89%B9.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E7%BD%91%E6%98%93%E6%B8%B8%E6%88%8F.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E7%BE%8E%E7%9A%84.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/1%E5%8F%B7%E5%BA%97.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/37.png" alt="">
            </div>
            <div class="swiper-slide">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E7%88%B1%E4%BB%96%E7%BE%8E.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E5%A4%A7%E5%AE%97.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E6%99%AE%E6%B3%95.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E5%94%AF%E5%93%81%E4%BC%9A.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E9%93%B6%E6%B3%B0.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E7%9C%9F%E5%8A%9F%E5%A4%AB.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E4%B8%AD%E5%9B%BD%E5%B9%B3%E5%AE%89.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/du.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/gpme.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/hs.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/libang.png" alt="">
              <img src="//static.adbaitai.com/Website/Img/swiperAd/%E8%9C%97%E7%89%9B.png" alt="">
            </div>
          </div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
          <div class="swiper-pagination"></div>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="pageBottomBox">
      <div class="bottomTopBox">
        <div class="bottomTopCenterBox">
          <div class="bottomTopCenterLeft">
            <div class="bottomTopCenterLeftOne">
              <h3>中小销售</h3>
              <ul>
              <li>电话：0571-86896918</li>
              <li>邮箱：quanmingjing@adbaitai.com</li>
            </ul>
          </div>
          <div class="bottomTopCenterLeftTwo">
            <h3>媒体合作</h3>
            <ul>
              <li>电话：0571-86896973</li>
              <li>邮箱：sunlihua@adbaitai.com</li>
            </ul>
          </div>
            <div class="bottomTopCenterLeftTwo bottomTopCenterLeftThree">
              <h3>渠道代理合作</h3>
              <ul>
                <li>电话：400-826-0750</li>
                <li>手机：18505510571</li>
                <li>邮箱：wanghuan@adbaitai.com</li>
              </ul>
            </div>
          </div>
          <div class="bottomTopCenterRight">
            <div class="bottomTopCenterRightOne">
              <img src="//static.adbaitai.com/Website/Img/%E7%99%BE%E6%B3%B0%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.png" alt="">
              <p>微信公众号</p>
            </div>
          </div>
        </div>
      </div>
      <div class="bottomFotterBox">
          <div class="bottomFotterCenter">
            <div class="bottomFotterLeft"><a href = './aboutUsPage.html'>关于我们</a>&nbsp;&nbsp;|<span> 浙ICP备16030779号-2</span></div>
            <img src="//static.adbaitai.com/Website/Img/iphoneIcon/footerBtmIcon.png" alt="">
          </div>
      </div>
    </div>
  </div>
  <script src = '//static.adbaitai.com/game/Js/jquery.min.js'></script>
  <script src = '//static.adbaitai.com/Website/Js/swiper-3.4.2.jquery.min.js'></script>
  <script>
      $(document).ready(function () {
        var mySwiperOne = new Swiper('.swiper-containerOne', {
            autoplay: 5000,//可选选项，自动滑动
            lazyLoading : true,
            loop : true,
            pagination : '.swiper-pagination'
        });
          var mySwiper = new Swiper('.swiper-container', {
              // autoplay: 1000,//可选选项，自动滑动
              loop : true,
              loopAdditionalSlides : 1,
              pagination : '.swiper-pagination',
              prevButton:'.swiper-button-prev',
              nextButton:'.swiper-button-next',
          });
      });
    $('.arcNavDot').on('mouseover', function(){
      $(this).siblings('.arcNavDot').removeClass('active');
      $(this).addClass('active');
      var Bubble = '.' + $(this).attr('Bubble'),
          bubbleImg = $(this).attr('bubbleImg');
      $('.TitleBubble').siblings('.TitleBubble').removeClass('active');
      $(Bubble).addClass('active');
      $('.leftIphoneBox>img').attr('src', bubbleImg);
    });
    $('.TitleBubble').on('mouseover', function(){
      $(this).siblings('.TitleBubble').removeClass('active');
      $(this).addClass('active');
      var dot = '.' + $(this).attr('dot'),
          bubbleImg = $(this).attr('bubbleImg');
      $('.arcNavDot').siblings('.arcNavDot').removeClass('active');
      $(dot).addClass('active');
      $('.leftIphoneBox>img').attr('src', bubbleImg);
    });

    $(document).on('scroll', function(){
      var top = $(document).scrollTop();
      if(top > 2000) {
        $('.InstanceDataDetailBox').addClass('InstanceDataDetailBoxActive');
      }
    });
    $('#applyFormSubmitBtn').on('click', function(){
      var isIphone = checkPhone();
      var userName = $('#userName').val(),
          email = $('#qqEmail').val(),
          entName = $('#userCompany').val(),
          entUrl = $('#userCompany').val(),
          city = $('#select').val(),
          tel = $('#userIphone').val(),
          remark = $('#usertextArea').val();
      console.log(city);
      if(isIphone) {
        $('.applyFormBgBox').css('display', 'none');
        var dtaObj = '{"name": "'+userName+'","email": "'+email+'","entName": "'+entName+'","entUrl": "'+entUrl+'","city": "'+city+'","tel": "'+tel+'","remark": "'+remark+'"}';
        $.ajax({
          url: '/api/public/advert/enter?data=' + encodeURIComponent(dtaObj),
          success: function(data){
            var data = JSON.parse(data);
            if(data.success) {
              alert('提交成功！');
            }else {
              alert('提交失败！');
            }
          }
        })
      }
    });
    // 验证手机号
    function checkPhone (phone) {
      var tel =$('#userIphone').val();
       if(tel.length != 11){
           setTimeout(function(){
             alert("手机号码有误，请重填");
           },100);
           return false;
       }else {
         return true;
       }
    }

  </script>
</body>
</html>
